<% content_for :head do %>
    <script>
        function validarDecimal(campo){
            $('#'+campo).validCampoFranz('.0123456789');
            <%#*$('#'+campo).blur(function(){%>
                <%#*var RegExPattern = /^[0-9]{1,5}(\.[0-9]{0,2})?$/;%>

                <%#*if ((this.value.match(RegExPattern)) && (!$(this).val())) {%>
   
                <%#*} else {%>
                    <%#*this.value = "1";%>
                <%#*}%>
            <%#*});%>
        };
        
        function cambiarUM(campo){
          
          id_elem = campo.id;
          no_elem = id_elem.substring(46,47);
          var idItem = campo.value;
          
          $.get( "/items/"+idItem+".json", function( data ) {
            unidad_medida_id = data.UnidadMedida_id;
            $.get( "/unidades_medida/"+unidad_medida_id+".json", function( data ) {
                $("#um-"+no_elem+" input#unidad_medida").val(data.Descripcion);
            });
          });
          
          
        };


    </script>
<% end %>

<div class="tablas-info detalle">
    <div class="tabla-titulo">
        <h2>OC <strong>Detalle</strong></h2>

        <div class="tabla-buttons">
            <div class="searchInput">
                <i class="fa fa-search"></i>
                <input type="text" class="search-query search" placeholder="Buscar..."/>
            </div>

            <a class="button-adicional" id="dropdownMenu2" data-toggle="dropdown" rel="tooltip" data-placement="top" data-original-title="Mas Acciones">
                <i class="fa fa-cog"></i>
            </a>
            <a class="button-adicional" href="#" data-toggle="collapse" data-target="#tabla-data" rel="tooltip" data-placement="top" data-original-title="Colapsar">
                <i class="fa fa-chevron-down"></i>
            </a>
            <a class="button-adicional" href="#" rel="tooltip" data-placement="top" data-original-title="Ayuda">
                <i class="fa fa-question-circle"></i>
            </a>

            <a href="#" class="btn btn-primary btn-xs" id="agregard">
                <i class="fa fa-plus"></i> Agregar
            </a>
        </div>
    </div>

    <div id="tabla-data" class="in">
        <div class="table-responsive">
            <table id="tabla_detalle" class="table table-striped table-hover table-datos">
                <thead>
                    <tr>
                        <th>Item</th>
                        <!--th>Descripción</th-->
                        <th>UM</th>
                        <th>QTY</th>
                        <th>Precio</th>
                        <th></th>
                    </tr>
                </thead>

                <tbody>
                    <% @orden_compra.detalles_orden_compra.each.with_index do |detalle,index| %>
                        <%= f.fields_for :detalles_orden_compra,detalle do |d| %>
                            <% id_elemento = detalle.new_record? ? "detalle_temp-"+index.to_s : "detalle-"+detalle.id.to_s %>

                            <tr id=<%= id_elemento %>>
                                <td><%= d.collection_select :item_id, @items, :id, :nombre_select, {:prompt => '-- Seleccione el item --'}, {class: "form-control input-sm"} %></td>
                                <% unless @items.empty? %>
                                	<% um = d.object.item_id? ? d.object.item.UnidadMedida.Descripcion : '' %>
                               	<% else%>
                               		<% um = '--' %>
                               	<% end%>
                                <td id="um-<%= index %>"><%= text_field_tag :unidad_medida,nil, :value => um ,:readonly=>"readonly" %></td>
                                <% cantidad = d.object.new_record? ? "1" : d.object.Cantidad  %>
                                <% precio = d.object.new_record? ? "1" : d.object.Precio %>
                                <td><%= d.text_field :Cantidad, :value => cantidad, :class => "campo_numerico", :onkeypress => ("validarDecimal(this.id)") %></td>
                                <td>$ <%= d.text_field :Precio, :value => precio, :class => "campo_numerico" %> <%= @orden_compra.TipoMoneda %></td>
                                <td>
                                    <% unless detalle.new_record? %>
                                        <%= link_to eliminar_det_orden_path(d.object,index), :remote =>true, :method => :delete, :data => { :confirm => "¿Seguro que desea eliminar el detalle de la orden de compra?" }, :rel => "nofollow", "data-placement" => "top", "data-original-title" => "Eliminar", :class => "btn btn-xs btn-danger"  do %>
                                            <i class="fa fa-trash-o"></i>
                                        <% end %>
                                    <% else %>
                                        <%= link_to eliminar_det_orden_temp_path(index), :remote =>true, :method => :delete, :data => { :confirm => "¿Seguro que desea eliminar el detalle de la orden de compra?" }, :rel => "nofollow", "data-placement" => "top", "data-original-title" => "Eliminar", :class => "btn btn-xs btn-danger"  do %>
                                            <i class="fa fa-trash-o"></i>
                                        <% end %>
                                    <% end %>
                                </td>
                            </tr>
                        <% end %>
                    <% end %>
                </tbody>
            </table>
        </div>
    </div>
</div>




  

